<!doctype html>
<html lang="en">

<head>
   
    <!--====== Required meta tags ======-->
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    
    <!--====== Title ======-->
    <title>Codesk - Coworking Space HTML Template</title>
    
    <!--====== Favicon Icon ======-->
    <link rel="shortcut icon" href="assets/images/we-know-logo.png" type="image/png">

    <!--====== Bootstrap css ======-->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    
    <!--====== Fontawesome css ======-->
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    
    <!--====== flaticon css ======-->
    <link rel="stylesheet" href="assets/css/flaticon.css">
    
    <!--====== nice select css ======-->
    <link rel="stylesheet" href="assets/css/nice-select.css">
    
    <!--====== animate css ======-->
    <link rel="stylesheet" href="assets/css/animate.min.css">
    
    <!--====== Magnific Popup css ======-->
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    
    <!--====== Slick css ======-->
    <link rel="stylesheet" href="assets/css/slick.css">
    
    <!--====== Default css ======-->
    <link rel="stylesheet" href="assets/css/default.css">
    
    <!--====== Style css ======-->
    <link rel="stylesheet" href="assets/css/style.css">
  
  
</head>

<body>

    <!-- PRELOADER -->
    <div class="preloader">
        <div class="lds-ellipsis">
            <span></span>
            <span></span>
            <span></span>
        </div>
    </div>
    <!-- END PRELOADER -->

    <!--====== OFFCANVAS MENU PART START ======-->

    <div class="off_canvars_overlay">
                
    </div>
    <div class="offcanvas_menu">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="offcanvas_menu_wrapper">
                        <div class="canvas_close">
                            <a href="javascript:void(0)"><i class="fa fa-times"></i></a>  
                        </div>
                        <div class="offcanvas-social">
                            <ul class="text-center">
                                <li><a href="$"><i class="fa fa-facebook-square"></i></a></li>
                                <li><a href="$"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="$"><i class="fa fa-instagram"></i></a></li>
                                <li><a href="$"><i class="fa fa-dribbble"></i></a></li>
                            </ul>
                        </div>
                        <div id="menu" class="text-left ">
                            <ul class="offcanvas_main_menu">
                                <li class="menu-item-has-children active">
                                    <a href="#">Home</a>
                                    <ul class="sub-menu">
                                        <li><a href="index.html">Home 1</a></li>
                                        <li><a href="index-2.html">Home 2</a></li>
                                        <li><a href="index-3.html">Home 3</a></li>
                                        <li class="menu-item-has-children">
                                            <a href="#">Header Versions</a>
                                            <ul class="sub-menu">
                                                <li><a href="index.html">Header Style 1r</a></li>
                                                <li><a href="index-2.html">Header Style 2</a></li>
                                                <li><a href="index-3.html">Header Style 3</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children active">
                                    <a href="#">Pages</a>
                                    <ul class="sub-menu">
                                        <li><a href="about.html">About</a></li>
                                        <li><a href="our-team.html">Our Team</a></li>
                                        <li><a href="our-history.html">Our history</a></li>
                                        <li><a href="testimonials.html">testimonials</a></li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children active">
                                    <a href="#">Services</a>
                                    <ul class="sub-menu">
                                        <li><a href="services.html">Services</a></li>
                                        <li><a href="single-service.html">single service</a></li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children active">
                                    <a href="#">Recent Projects</a>
                                    <ul class="sub-menu">
                                        <li><a href="projects.html">Projects</a></li>
                                        <li><a href="single-project.html">single project</a></li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children active">
                                    <a href="#">Blog</a>
                                    <ul class="sub-menu">
                                        <li><a href="posts.html">posts</a></li>
                                        <li><a href="single-post.html">single post</a></li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children active">
                                    <a href="#">Contact</a>
                                </li>
                            </ul>
                        </div>
                        <div class="offcanvas_footer">
                            <span><a href="mailto:tanvirahmed8282@gmail.com"><i class="fa fa-envelope-o"></i> layerdrops@gmail.com</a></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--====== OFFCANVAS MENU PART ENDS ======-->
   
    <!--====== HEADER PART START ======-->
    
    <header class="header-area">
        <div class="header-top-area">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="header-top">
                            <ul>
                                <li><a href="mailto:needhelp@codesk.com"><i class="flaticon-message"></i> needhelp@codesk.com</a></li>
                                <li><a href="tel:7778880000"><i class="flaticon-phone-call"></i> 777 888 0000</a></li>
                                <li><a href="#"><i class="flaticon-placeholder"></i> 20 Broklyn Street, New York. USA</a></li>
                            </ul>
                            <div class="dropdown d-none d-md-block">
                                <img src="assets/images/map.png" alt="">
                                <select>
                                    <option value="1">English</option>
                                    <option value="2">Bangla</option>
                                    <option value="3">urdu</option>
                                    <option value="4">Hindi</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-header">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="main-header-item d-flex justify-content-between align-items-center">
                            <div class="main-header-menus  d-flex">
                                <div class="header-logo">
                                    <a href="index.html"><img src="assets/images/logo.png" alt="logo"></a>
                                </div>
                                <div class="header-menu d-none d-lg-block">
                                    <ul>
                                        <li>
                                            <a class="active" href="#">Home <i class="fa fa-angle-down"></i></a>
                                            <ul class="sub-menu">
                                                <li><a href="index.html">Home 1</a></li>
                                                <li><a href="index-2.html">Home 2</a></li>
                                                <li><a href="index-3.html">Home 3</a></li>
                                                <li>
                                                    <a href="#">Header Versions</a>
                                                    <ul class="sub-menu">
                                                        <li><a href="index.html">Header Style 1</a></li>
                                                        <li><a href="index-2.html">Header Style 2</a></li>
                                                        <li><a href="index-3.html">Header Style 3</a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="about.html">About</a>
                                        </li>
                                        <li>
                                            <a href="#">Events  <i class="fa fa-angle-down"></i></a>
                                            <ul class="sub-menu">
                                                <li><a href="events.html">Events</a></li>
                                                <li><a href="single-event.html">single event</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="#">Pages  <i class="fa fa-angle-down"></i></a>
                                            <ul class="sub-menu">
                                                <li><a href="team.html">team</a></li>
                                                <li><a href="pricing.html">pricing</a></li>
                                                <li><a href="book-a-tour.html">book a tour</a></li>
                                                <li><a href="gallery.html">gallery</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="#">News  <i class="fa fa-angle-down"></i></a>
                                            <ul class="sub-menu">
                                                <li><a href="news.html">news</a></li>
                                                <li><a href="single-news.html">single news</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="contact.html">Contact</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="header-social d-flex align-items-center">
                                <ul class="d-none d-lg-block">
                                    <li><a href="$"><i class="fa fa-facebook-square"></i></a></li>
                                    <li><a href="$"><i class="fa fa-twitter"></i></a></li>
                                    <li><a href="$"><i class="fa fa-instagram"></i></a></li>
                                    <li><a href="$"><i class="fa fa-dribbble"></i></a></li>
                                </ul>
                                <div class="toggle-btn ml-30 canvas_open d-lg-none d-block">
                                    <i class="fa fa-bars"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    
    <!--====== HEADER PART ENDS ======-->

    <!--====== BANNER PART START ======-->
    <section class="banner-slide">
        <div class="banner-area bg_cover d-flex align-items-center" style="background-image: url(assets/images/banner-bg-1.jpg);">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="banner-slide-number">
                            <span>01</span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-7">
                        <div class="banner-content">
                            <span data-animation="fadeInDown" data-delay=".1s"><img src="assets/images/banner-icon.png" alt=""> Welcome to codesk</span>
                            <h1 data-animation="fadeInLeft" data-delay=".5s" class="title">Comfortable coworking space.</h1>
                            <a data-animation="fadeInLeft" data-delay="1s" class="main-btn" href="book-a-tour.html">Book a tour</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="banner-social">
                <ul>
                    <li><a href="#">Twitter</a></li>
                    <li><a href="#">Facebook</a></li>
                    <li><a href="#">Linkedin</a></li>
                </ul>
            </div>
        </div>
        <div class="banner-area bg_cover d-flex align-items-center" style="background-image: url(assets/images/banner-bg-2.jpg);">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="banner-slide-number">
                            <span>02</span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-7">
                        <div class="banner-content">
                            <span data-animation="fadeInDown" data-delay=".1s"><img src="assets/images/banner-icon.png" alt=""> Welcome to codesk</span>
                            <h1 data-animation="fadeInLeft" data-delay=".5s" class="title">Comfortable coworking space.</h1>
                            <a data-animation="fadeInLeft" data-delay="1s" class="main-btn" href="book-a-tour.html">Book a tour</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="banner-social">
                <ul>
                    <li><a href="#">Twitter</a></li>
                    <li><a href="#">Facebook</a></li>
                    <li><a href="#">Linkedin</a></li>
                </ul>
            </div>
        </div>
    </section>
    
    <!--====== BANNER PART ENDS ======-->

    <!--====== BEST CREATIVE PART START ======-->
    
    <section class="best-creative-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="best-creative-bg">
                        <div class="row">
                            <div class="col-lg-7">
                                <div class="best-creative-content">
                                    <h3 class="title">Best creative working environments that suits your business.</h3>
                                    <p>Sed quia lipsum dolor sit atur adipiscing elit is nunc quis tellus sed ligula porta ultricies quis nec magna neulla. Lorem ipsum simply dolor sit amet, consectetur adipiscing elit.</p>
                                </div>
                            </div>
                            <div class="col-lg-5">
                                <div class="best-creative-list">
                                    <div class="best-creative-seats">
                                        <i class="flaticon-computer"></i>
                                        <h3 class="title counter">37400</h3>
                                        <p>Total seats are available</p>
                                        <span>480 sq ft coworking space</span>
                                    </div>
                                    <div class="best-creative-list-item">
                                        <ul>
                                            <li><i class="fa fa-check"></i>High speed internet</li>
                                            <li><i class="fa fa-check"></i>Uninterruptible power supply</li>
                                            <li><i class="fa fa-check"></i>Fully Airconditioned rooms</li>
                                            <li><i class="fa fa-check"></i>Office boy service</li>
                                            <li><i class="fa fa-check"></i>Fully equipped kitchen</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <!--====== BEST CREATIVE PART ENDS ======-->

    <!--====== SPACE TO MAKE PART START ======-->
    
    <section class="space-to-make-area pt-120 pb-120">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="space-to-make-thumb animated wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="0ms">
                        <img src="assets/images/space-to-make-thumb.jpg" alt="">
                        <div class="thumb-content">
                            <span>Over 50 <br> locations <br> worldwide</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-10">
                    <div class="space-to-make-content">
                        <h3 class="title">Space to make your greatest impact.</h3>
                        <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
                        <div class="row">
                            <div class="col-sm-6">
                                <div class="space-to-make-item mt-30">
                                    <a href="#">
                                        <i class="flaticon-workspace"></i>
                                        <span>Flexible private offices</span>
                                    </a>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="space-to-make-item mt-30">
                                    <a href="#">
                                        <i class="flaticon-meeting"></i>
                                        <span>Fully custom spaces</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <p class="text">If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.</p>
                        <a class="main-btn main-btn-2" href="book-a-tour.html">Book a tour</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="shape-pattern">
            <img src="assets/images/shape-pattern.png" alt="">
        </div>
        <div class="shape-pattern-2">
            <img src="assets/images/we-know-line.png" alt="">
        </div>
    </section>
    
    <!--====== SPACE TO MAKE PART ENDS ======-->

    <!--====== TEUSTED PART START ======-->
    
    <div class="trusted-area bg_cover pt-120 pb-120" style="background-image: url(assets/images/trusted-bg.jpg);">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-9">
                    <div class="trusted-item text-center">
                        <h3 class="title">Trusted & comfortable space for creative people.</h3>
                        <a class="main-btn" href="book-a-tour.html">Book a tour</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!--====== TEUSTED PART ENDS ======-->

    <!--====== BENEFITS PART START ======-->
    
    <section class="benefits-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="benefits-thumb">
                        <img src="assets/images/benefits-thumb.jpg" alt="benefits">
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="benefits-content">
                        <div class="benefits-title">
                            <h3 class="title">Benefits of our coworking spaces.</h3>
                        </div>
                        <div class="faq-accordion">
                            <div class="accrodion-grp"  data-grp-name="faq-accrodion">
                                <div class="accrodion active  animated wow fadeInRight" data-wow-duration="1500ms" data-wow-delay="0ms">
                                    <div class="accrodion-inner">
                                        <div class="accrodion-title">
                                            <h4>1. Reserve conference rooms</h4>
                                        </div>
                                        <div class="accrodion-content">
                                            <div class="inner">
                                                <p>There are many variations of passages the majority have suffered alteration in some fo injected humour, or randomised words believable.</p>
                                            </div><!-- /.inner -->
                                        </div>
                                    </div><!-- /.accrodion-inner -->
                                </div>
                                <div class="accrodion   animated wow fadeInRight" data-wow-duration="1500ms" data-wow-delay="300ms">
                                    <div class="accrodion-inner">
                                        <div class="accrodion-title">
                                            <h4>2. Post or respond to job listings</h4>
                                        </div>
                                        <div class="accrodion-content">
                                            <div class="inner">
                                                <p>There are many variations of passages the majority have suffered alteration in some fo injected humour, or randomised words believable.</p>
                                            </div><!-- /.inner -->
                                        </div>
                                    </div><!-- /.accrodion-inner -->
                                </div>
                                <div class="accrodion  animated wow fadeInRight" data-wow-duration="1500ms" data-wow-delay="600ms">
                                    <div class="accrodion-inner">
                                        <div class="accrodion-title">
                                            <h4>3. Flexibility of monthly terms</h4>
                                        </div>
                                        <div class="accrodion-content">
                                            <div class="inner">
                                                <p>There are many variations of passages the majority have suffered alteration in some fo injected humour, or randomised words believable.</p>
                                            </div><!-- /.inner -->
                                        </div>
                                    </div><!-- /.accrodion-inner -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="benefits-pattern">
            <img src="assets/images/benefits-pattern.png" alt="">
        </div>
        <div class="benefits-dot">
            <img src="assets/images/benefits-dot.png" alt="">
        </div>
    </section>
    
    <!--====== BENEFITS PART ENDS ======-->

    <!--====== SERVICES PART START ======-->
    
    <section class="services-area pt-90 pb-120">
        <div class="container">
            <div class="row">
                <div class="col-lg-3">
                    <div class="services-title">
                        <h3 class="title">What we are offering to creative people.</h3>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="single-services mt-30">
                        <i class="flaticon-wifi"></i>
                        <a href="single-event.html"><h4 class="title">High speed internet</h4></a>
                        <p>There are many new variations of pasages of available text.</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="single-services mt-30">
                        <i class="flaticon-tray"></i>
                        <a href="single-event.html"><h4 class="title">Fully equipped kitchen</h4></a>
                        <p>There are many new variations of pasages of available text.</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="single-services mt-30">
                        <i class="flaticon-parking"></i>
                        <a href="single-event.html"><h4 class="title">Huge parking space</h4></a>
                        <p>There are many new variations of pasages of available text.</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="single-services mt-30">
                        <i class="flaticon-room"></i>
                        <a href="single-event.html"><h4 class="title">Conference  rooms</h4></a>
                        <p>There are many new variations of pasages of available text.</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="single-services mt-30">
                        <i class="flaticon-cctv"></i>
                        <a href="single-event.html"><h4 class="title">Full security cameras</h4></a>
                        <p>There are many new variations of pasages of available text.</p>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="services-book mt-30">
                        <h3 class="title">Book a free day tour to experience our benefits</h3>
                        <a class="main-btn main-btn-2" href="book-a-tour.html">Book a tour</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="services-pattern">
            <img src="assets/images/services-pattern.png" alt="pattern">
        </div>
        <div class="services-dot">
            <img src="assets/images/services-dot.png" alt="pattern">
        </div>
    </section>
    
    <!--====== SERVICES PART ENDS ======-->

    <!--====== GALLERY PART START ======-->
    
    <section class="gallery-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="gallery-title text-center">
                        <h3 class="title">Our photo gallery</h3>
                    </div>
                </div>
            </div>
        </div>
        <div class="container-fluid p-0">
            <div class="gallery-itmes">
                <div class="row no-gutters gallery-active">
                    <div class="col-lg-3">
                        <div class="gallery-thumb">
                            <img src="assets/images/gallery-1.jpg" alt="gallery">
                            <a class="main-btn image-popup" href="assets/images/gallery-1.jpg"><i class="flaticon-plus"></i></a>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="gallery-thumb">
                            <img src="assets/images/gallery-2.jpg" alt="gallery">
                            <a class="main-btn image-popup" href="assets/images/gallery-2.jpg"><i class="flaticon-plus"></i></a>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="gallery-thumb">
                            <img src="assets/images/gallery-3.jpg" alt="gallery">
                            <a class="main-btn image-popup" href="assets/images/gallery-3.jpg"><i class="flaticon-plus"></i></a>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="gallery-thumb">
                            <img src="assets/images/gallery-4.jpg" alt="gallery">
                            <a class="main-btn image-popup" href="assets/images/gallery-4.jpg"><i class="flaticon-plus"></i></a>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="gallery-thumb">
                            <img src="assets/images/gallery-5.jpg" alt="gallery">
                            <a class="main-btn image-popup" href="assets/images/gallery-5.jpg"><i class="flaticon-plus"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <!--====== GALLERY PART ENDS ======-->

    <!--====== FUN FACTS PART START ======-->
    
    <div class="fun-facts-area pt-120 pb-120">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-4 col-md-8">
                    <div class="fun-facts-item text-center animated wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="0ms">
                        <h3 class="title counter" >880</h3>
                        <span>Creative people space is available.</span>
                    </div>
                </div>
                <div class="col-lg-4 col-md-8">
                    <div class="fun-facts-item active text-center animated wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="300ms">
                        <h3 class="title"><span class="counter">70</span>+</h3>
                        <span>Conference & meeting rooms available.</span>
                    </div>
                </div>
                <div class="col-lg-4 col-md-8">
                    <div class="fun-facts-item text-center animated wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="600ms">
                        <h3 class="title counter">440</h3>
                        <span>Seats are already busy with freelancers.</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="fun-facts-pattern">
            <img src="assets/images/fun-facts-pattern.png" alt="">
        </div>
        <div class="fun-dots">
            <img src="assets/images/fun-dots.png" alt="dots">
        </div>
    </div>
    
    <!--====== FUN FACTS PART ENDS ======-->

    <!--====== WE KNOWS PART START ======-->
    
    <section class="we-knows-area pb-120">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="we-knows-content">
                        <h3 class="title">We known for having cool workspaces filled with amenities.</h3>
                        <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of lorem Ipsum.</p>
                        <img src="assets/images/we-know-thumb.jpg" alt="thumb">
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="we-knows-center mt-10 animated wow fadeInRight" data-wow-duration="1500ms" data-wow-delay="0ms">
                        <div class="we-knows-item d-block d-sm-flex">
                            <div class="we-knows-item-content">
                                <h4 class="title">Explore our standard private offices</h4>
                                <a class="main-btn" href="book-a-tour.html">More <i class="flaticon-right-arrow"></i></a>
                            </div>
                            <div class="we-knows-item-thumb">
                                <img src="assets/images/we-know-item-1.jpg" alt="">
                            </div>
                        </div>
                        <div class="we-knows-item item-2 d-block d-sm-flex mt-10">
                            <div class="we-knows-item-thumb">
                                <img src="assets/images/we-know-item-2.jpg" alt="">
                            </div>
                            <div class="we-knows-item-content">
                                <h4 class="title">Rent a conference & meeting rooms</h4>
                                <a class="main-btn" href="book-a-tour.html">More <i class="flaticon-right-arrow"></i></a>
                            </div>
                        </div>
                        <div class="we-know-logo">
                            <img src="assets/images/we-know-logo.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="we-know-line">
            <img src="assets/images/we-know-line.png" alt="line">
        </div>
    </section>
    
    <!--====== WE KNOWS PART ENDS ======-->

    <!--====== CODESK CHANGING PART START ======-->
    
    <section class="codesk-changing-area bg_cover" style="background-image: url(assets/images/codesk-changing-bg.jpg);">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-7">
                    <div class="codesk-changing-text">
                        <h3 class="title">Codesk is changing the way people and companies work.</h3>
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="codesk-changing-play text-left text-lg-right">
                        <a class="main-btn video-popup" href="https://www.youtube.com/watch?v=_9MEYFNyilQ"><i class="fa fa-play"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <!--====== CODESK CHANGING PART ENDS ======-->

    <!--====== TESTIMONIAL PART START ======-->
    
    <div class="testimonial-title-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="testimonial-title text-center">
                        <h2 class="title">What they are saying.</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <section class="testimonial-area">
        <div class="container">
            <div class="row testimonial-active">
                <div class="col-lg-4">
                    <div class="testimonial-item text-center">
                        <p>I was impresed by the moling services, not lorem ipsum is simply free text of used by refreshing. Neque porro este qui dolorem ipsum quia.</p>
                        <h4 class="title">Jessica rose</h4>
                        <span>Freelancer</span>
                        <img src="assets/images/testimonial-1.jpg" alt="testimonial">
                        <div class="icon">
                            <img src="assets/images/quote-icon.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="testimonial-item text-center">
                        <p>I was impresed by the moling services, not lorem ipsum is simply free text of used by refreshing. Neque porro este qui dolorem ipsum quia.</p>
                        <h4 class="title">Kevin martin</h4>
                        <span>CEO</span>
                        <img src="assets/images/testimonial-2.jpg" alt="testimonial">
                        <div class="icon">
                            <img src="assets/images/quote-icon.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="testimonial-item text-center">
                        <p>I was impresed by the moling services, not lorem ipsum is simply free text of used by refreshing. Neque porro este qui dolorem ipsum quia.</p>
                        <h4 class="title">Sarah albert</h4>
                        <span>Developer</span>
                        <img src="assets/images/testimonial-3.jpg" alt="testimonial">
                        <div class="icon">
                            <img src="assets/images/quote-icon.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="testimonial-item text-center">
                        <p>I was impresed by the moling services, not lorem ipsum is simply free text of used by refreshing. Neque porro este qui dolorem ipsum quia.</p>
                        <h4 class="title">Kevin martin</h4>
                        <span>CEO</span>
                        <img src="assets/images/testimonial-2.jpg" alt="testimonial">
                        <div class="icon">
                            <img src="assets/images/quote-icon.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="testimonial-pattern">
            <img src="assets/images/testimonial-pattern.png" alt="">
        </div>
    </section>
    
    <!--====== TESTIMONIAL PART ENDS ======-->

    <!--====== CTA PART START ======-->
    
    <section class="cta-area animated wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="0ms">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="cta-bg">
                        <div class="row">
                            <div class="col-lg-5">
                                <div class="cta-text">
                                    <h3 class="title">Fully equipped meeting rooms for rent</h3>
                                    <a class="main-btn" href="book-a-tour.html">Book a tour</a>
                                </div>
                            </div>
                            <div class="col-lg-7">
                                <div class="cta-text">
                                    <p>Sed quia lipsum dolor sit atur adipiscing elit is nunc quis tellus sed ligula porta ultricies quis nec magna neulla. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                </div>
                            </div>
                        </div>
                        <div class="cta-dot">
                            <img src="assets/images/cta-dot.png" alt="cta">
                        </div>
                        <div class="cta-dot-2">
                            <img src="assets/images/cta-dot-2.png" alt="cta">
                        </div>
                        <div class="cta-dot-3">
                            <img src="assets/images/cta-dot-3.png" alt="cta">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <!--====== CTA PART ENDS ======-->

    <!--====== NEWS PART START ======-->
    
    <section class="news-area pb-150">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-5">
                    <div class="news-title text-center">
                        <h3 class="title">News & articles.</h3>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-lg-4 col-md-7">
                    <div class="mt-30">
                        <div class="news-item bg_cover" style="background-image: url(assets/images/news-item-bg.jpg);">
                            <div class="item">
                                <img src="assets/images/news-user-1.jpg" alt="">
                                <ul>
                                    <li><i class="fa fa-user-o"></i> by admin</li>
                                    <li><i class="fa fa-comments-o"></i> 2 comments</li>
                                </ul>
                            </div>
                            <h3 class="title">Why your business absolutely needs a virtual office</h3>
                            <a href="single-news.html"><i class="flaticon-right-arrow"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-7">
                    <div class="mt-30">
                        <div class="news-item active bg_cover" style="background-image: url(assets/images/news-item-bg.jpg);">
                            <div class="item">
                                <img src="assets/images/news-user-2.jpg" alt="">
                                <ul>
                                    <li><i class="fa fa-user-o"></i> by admin</li>
                                    <li><i class="fa fa-comments-o"></i> 2 comments</li>
                                </ul>
                            </div>
                            <h3 class="title">Why your business absolutely needs a virtual office</h3>
                            <a href="single-news.html"><i class="flaticon-right-arrow"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-7">
                    <div class="mt-30">
                        <div class="news-item bg_cover" style="background-image: url(assets/images/news-item-bg.jpg);">
                            <div class="item">
                                <img src="assets/images/news-user-3.jpg" alt="">
                                <ul>
                                    <li><i class="fa fa-user-o"></i> by admin</li>
                                    <li><i class="fa fa-comments-o"></i> 2 comments</li>
                                </ul>
                            </div>
                            <h3 class="title">Why your business absolutely needs a virtual office</h3>
                            <a href="single-news.html"><i class="flaticon-right-arrow"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="shape-pattern">
            <img src="assets/images/shape-pattern.png" alt="">
        </div>
    </section>
    
    <!--====== NEWS PART ENDS ======-->

    <!--====== COMPANY LOGOS PART START ======-->
    
    <section class="company-logos-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-5">
                    <div class="company-logos-text">
                        <h3 class="title">Clients we <br> have worked <br> with.</h3>
                    </div>
                </div>
                <div class="col-lg-7">
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="logo-item mt-15">
                                <img src="assets/images/brand-1.png" alt="">
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="logo-item mt-15">
                                <img src="assets/images/brand-1.png" alt="">
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="logo-item mt-15">
                                <img src="assets/images/brand-1.png" alt="">
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="logo-item mt-80">
                                <img src="assets/images/brand-1.png" alt="">
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="logo-item mt-80">
                                <img src="assets/images/brand-1.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <!--====== COMPANY LOGOS PART ENDS ======-->

    <!--====== FOOTER PART START ======-->
    
    <section class="footer-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-6 col-sm-8">
                    <div class="footer-about mt-30">
                        <div class="logo">
                            <a href="#"><img src="assets/images/logo-2.png" alt="logo"></a>
                        </div>
                        <p>Codesk is a premium wordpress theme for coworking space, freelancers, creatives and a wide range of other businesses.</p>
                        <ul>
                            <li><a href="mailto:needhelp@codesk.com">needhelp@codesk.com</a></li>
                            <li><a href="tel:7778880000">777 888 0000</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-2 col-md-6 col-sm-6">
                    <div class="footer-list mt-30">
                        <h4 class="title">Company</h4>
                        <ul>
                            <li><a href="#">About us</a></li>
                            <li><a href="#">Latest events</a></li>
                            <li><a href="#">Our services</a></li>
                            <li><a href="#">News & articles</a></li>
                            <li><a href="#">Contact us</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="footer-list pl-35 mt-30">
                        <h4 class="title">Explore</h4>
                        <ul>
                            <li><a href="#">Our history</a></li>
                            <li><a href="#">Help & support</a></li>
                            <li><a href="#">Privacy policy</a></li>
                            <li><a href="#">Terms & condition</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="footer-address mt-30">
                        <h3 class="title">Address</h3>
                        <p>20 Broklyn street, New york. United states of america</p>
                        <iframe src="https://ditu.google.cn/maps/embed?pb=!1m14!1m12!1m3!1d14612.97540392891!2d90.497437!3d23.70298445!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sbd!4v1590471441805!5m2!1sen!2sbd" width="600" height="450" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
                        <span><i class="fa fa-map-marker"></i> Find us on Map</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-copyright-area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="footer-copyright d-block d-md-flex justify-content-between align-items-center">
                            <p>© Copyright 2020 by Layerdrops.com</p>
                            <ul>
                                <li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                                <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-pattern">
            <img src="assets/images/footer-pattern.png" alt="">
        </div>
        <div class="footer-logo">
            <img src="assets/images/footer-logo.png" alt="">
        </div>
    </section>
    
    <!--====== FOOTER PART ENDS ======-->
    
    <!--====== GO TO TOP PART START ======-->
    
    <div class="go-top-area">
        <div class="go-top-wrap">
            <div class="go-top-btn-wrap">
                <div class="go-top go-top-btn">
                    <i class="fa fa-angle-double-up"></i>
                    <i class="fa fa-angle-double-up"></i>
                </div>
            </div>
        </div>
    </div>
    
    <!--====== GO TO TOP PART ENDS ======-->
    
    
    


    
    <!--====== jquery js ======-->
    <script src="assets/js/vendor/modernizr-3.6.0.min.js"></script>
    <script src="assets/js/vendor/jquery-3.5.0.js"></script>

    <!--====== Bootstrap js ======-->
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/popper.min.js"></script>
    
    <!--====== Slick js ======-->
    <script src="assets/js/slick.min.js"></script>
    
    <!--====== odometer js ======-->
    <script src="assets/js/jquery.counterup.min.js"></script>
    <script src="assets/js/jquery.waypoints.min.js"></script>
    
    <!--====== wow js ======-->
    <script src="assets/js/wow.js"></script>
    
    <!--====== nice select js ======-->
    <script src="assets/js/jquery.nice-select.min.js"></script>
    
    <!--====== Magnific Popup js ======-->
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    
    <!--====== Main js ======-->
    <script src="assets/js/main.js"></script>

</body>

</html>
